<template>
    <div class="aboutIntroModal" v-if="showAboutIntroModal">
        <div class="modalInner">
            <div class="aboutIntro_head">
                <img class="bgImg" src="@/assets/images/aboutIntro_head.jpg" alt/>
                <a href="javascript:void(0);" @click="close" class="closeBtn"></a>
            </div>
            <div class="aboutIntro_content">
                <h3>活动概况</h3>
                <div class="aboutIntro_content-info">
                    <p>
                        “让爱出发，伴你回家”2020年“凯翼号”川籍农民工春节专列公益活动，是为推进和践行国务院〔2014〕40号文件《关于解决农民工问题的若干意见》和川委办〔2018〕48号文件关于《加强农民工服务保障十六条措施》的文件要求，以及四川省委书记彭清华在全省农民工专题座谈会上的“将服务保障农民工作为一项战略性工程来抓，用实实在在的工作让川籍农民工切身感受到党委政府和家乡人民的温暖”的讲话精神，在四川省劳务开发暨农民工工作领导小组办公室的指导下，由四川省总工会、四川省人民政府驻北京办事处、四川省人民政府驻上海办事处、四川省人民政府驻厦门办事处联合主办的川籍农民工乘坐专列回家的公益活动。</p>
                    <p>
                        本次活动由北京四川企业商会、上海市四川商会、福建省四川商会、江苏省四川商会、江西省四川商会、四川省相关市（州）驻京/沪/闽联络处共同协办，北京睿智动力文化传播有限公司承办。感谢战略合作伙伴凯翼汽车有限公司，战略合作媒体中国劳动保障报及公益时报，支持单位北京迪信通商贸股份有限公司、成都新潮传媒集团有限公司、谱时影像服务平台及四川达宽（北京）律师事务所等众多企业提供的大力支持。</p>
                    <p>
                        活动将面向全国川籍农民工聚集的五个省市地区：北京、上海、福建、江苏、江西，进行专列免费车票发放，届时将有约2400名农民工在春节前夕分别从北京、上海、福州、南京、常州、苏州、无锡、南昌等地乘坐专列抵达四川家乡。</p>
                    <div class>特别鸣谢：</div>
                    <p>
                        中国铁路北京局集团有限公司、中国铁路上海局集团有限公司、中国铁路南昌局集团有限公司、中国铁路成都局集团有限公司、中国铁道旅行社集团有限公司、上海铁路国际旅游集团有限公司、南昌铁路旅游有限公司、成都铁路旅游有限公司、北京眉山企业商会、上海市眉山商会、四川达宽律师事务所</p>

                </div>
            </div>
        </div>
    </div>
</template>
<script>
  export default {
    data() {
      return {
        showAboutIntroModal: false
      };
    },
    methods: {
      show() {
        this.showAboutIntroModal = true;
      },
      close() {
        this.showAboutIntroModal = false;
      }
    }
  };
</script>
<style lang="">
    .aboutIntroModal {
        width: 6.76rem;
        position: fixed;
        top: 0.24rem;
        left: 0.37rem;
        border-radius: 0.2rem;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        overflow: auto;
        background-color: #fff;
        z-index: 10;
        height: 100vh;
    }

    .modalInner {
        position: relative;
    }

    .aboutIntro_head {
        width: 6.76rem;
        height: 3.32rem;
        position: relative;
    }

    .aboutIntro_head img.bgImg {
        width: 100%;
        height: 100%;
    }

    .aboutIntro_content {
        background-color: #fff;
        padding: 0 0.64rem;
        padding-top: 0.12rem;
        padding-bottom: 1.6rem;
        background: url(~@/assets/images/aboutIntro_foot.png) no-repeat left bottom/
    100% 1.99rem;
    }

    .aboutIntro_content h3 {
        font-size: 0.28rem;
        color: #e60012;
        text-align: center;
        line-height: 0.44rem;
        letter-spacing: 0.16rem;
        font-weight: bold;
        padding-bottom: 0.15rem;
    }

    .aboutIntro_content p {
        font-size: 0.24rem;
        color: #000;
        line-height: 0.34rem;
        margin-bottom: 0.3rem;
        text-indent: 2em;
        text-align: justify;
    }

    .aboutIntro_content div {
        font-size: 0.24rem;
        color: #000;
        line-height: 0.34rem;
        text-indent: 2em;
    }

    .closeBtn {
        display: block;
        width: 0.64rem;
        height: 0.64rem;
        background: url(~@/assets/images/closeBtn.png) no-repeat;
        background-size: 100% 100%;
        border-radius: 50%;
        position: absolute;
        top: 0.16rem;
        right: 0.16rem;
    }
    .aboutIntro_content-info{

    }
</style>
